<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <script src="../assets/flexible/flexible.debug.js"></script>
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
        <link rel="stylesheet" href="../css/reset.css">
        <link rel="stylesheet" href="../css/classification.css">
        <link rel="stylesheet" href="../font/iconfont.css">
</head>
<body>
    <header class="header">
        <p>分类</p>
    </header>
    <div class="main clearfix">
        <div class="left">
            <ul class="ul">
                <li class="li active"><i>推荐</i><span></span></li>
                <li class="lis clearfix">
                    <i class="ren">人造革</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="li"><i>五金</i><span></span></li>
                <li class="lis clearfix">
                    <i class="ren">真皮</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="lis clearfix">
                    <i class="ren">布料</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="lis clearfix">
                    <i class="ren">五金</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="li"><i>五金</i><span></span></li>
                <li class="lis clearfix">
                    <i class="ren">拉链</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="lis clearfix">
                    <i class="ren">兽皮</i><span> v </span>
                    <ol>
                        <li class="active">PVC</li>
                        <li>PU</li>
                        <li>超迁</li>
                        <li>钢材</li>
                    </ol>
                </li>
                <li class="li"><i>人皮</i><span></span></li>
            </ul>
        </div>
        <div class="right">
            <!-- <div class="da">
                    <div class="k  clearfix">
                            <span></span><span class="fang">仿皮鞋</span> <span class="r"></span>
                        </div>
                        <div class="title">
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                    <img src="../images/shi.png">
                                    <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                    <img src="../images/shi.png">
                                    <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                            <figure>
                                <img src="../images/shi.png">
                                <figcaption>十字纹</figcaption>
                            </figure>
                        </div>      
            </div> -->
        </div>
    </div>
    <footer class="footer clearfix">
            <a href="http://localhost:3000/src/index.html">  <figure class="iconfont index">
                      &#xe605
                  <figcaption>首页</figcaption>
              </figure></a>
            <a href="http://localhost:3000/src/html/classification.html">  <figure class="iconfont  first  classfication">
                      &#xe62b
                  <figcaption class="first">消息</figcaption>
              </figure></a>
             <a href="http://localhost:3000/src/html/wantbuy.html"> <figure class="iconfont wantbuy">
                      &#xe606
                  <figcaption>我的接单</figcaption>
              </figure></a>
              <a href="http://localhost:3000/src/html/find.html"><figure class="iconfont find">
                      &#xe613;
                  <figcaption>发现</figcaption>
              </figure></a>
              <a href="http://localhost:3000/src/html/sign.html"><figure class="iconfont sign">
                      &#xe644
                  <figcaption>我的</figcaption>
              </figure></a>
          </footer>
        <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
        <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
        <script src="../assets/artTemplate/template-web.js"></script>
        <script src="../font/iconfont.js"></script>
        <script src="../js/classification.js"> </script>
        <script src="../js/public.js"></script>
        <script type="text/html" id="temp">
            {{each att v i}}
                <div class="da">
                    <div class="k  clearfix">
                        <span>{{v.sp1}}</span><span class="fang">{{v.sp2}}</span> <span class="r">{{v.sp3}}</span>
                    </div>
                    <div class="title">
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                    </div>      
                </div>
            {{/each}}
        </script>
        <script type="text/html" id="temp1">
            {{each att v i}}
                <div class="da">
                    <div class="k  clearfix">
                        <span>{{v.sp1}}</span><span class="fang">{{v.sp2}}</span> <span class="r">{{v.sp3}}</span>
                    </div>
                    <div class="title">
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                        <figure>
                            <img src="{{v.img}}">
                            <figcaption>{{v.dd}}</figcaption>
                        </figure>
                    </div>      
                </div>
            {{/each}}
        </script>
</body>
</html>